<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<!-- 4.实现DIV 鼠标移动事件，采用监听器方式操作，可实现添加和清除监听器功能。 -->
			<div id="div22" style="width: 300px; height: 300px; background-color: red;">
				<button type="button" id="buttion2">更改背景颜色</button>
				<button type="button" id="buttion33" onclick="new2()">添加监视器</button>
				<button type="button" id="buttion4" onclick="new3()">删除监视器</button>
			</div>
			
			
	</body>
	<script type="text/javascript">
		// 书写函数
		function ColorNew()
		{
			// 更改背景颜色
			console.log('测试')
			
		}
		//书写添加监听器
		function new2()
		{
			document.getElementById('buttion2').addEventListener('click',ColorNew());
		}
		//删除监听器
		function new3()
		{
			document.getElementById('buttion2').removeEventListener('click',ColorNew());
		}
	</script>
</html>
